@import "./layout.scss";
page{
	background-color: #F3F3F3;
}

.wrap-layout{
	background-color: #fff;
	margin: 30rpx;
	padding: 30rpx;
	border-radius: 20rpx;
}
.cu-list.menu > .cu-item.arrow:before{
	font-size: 10px;
}
.cu-list.menu>.cu-item .content{
	font-size: 29rpx;
}
.tags{
	overflow: hidden;
	margin: 0 30rpx;
	.tag{
		display: inline-block;
		padding: 16rpx 32rpx;
		border-radius: 40rpx;
		font-size: 26rpx;
		color: #333;
		background-color: rgba(243, 243, 243, 1);
		margin-right: 20rpx;
		margin-bottom: 20rpx;
		position: relative;
		&:active{
			background-color: ($cor);
			color: #fff;
		}
	}
	.tag-active{
		background-color: ($cor);
		color: #fff;
	}
}
.mb-20{
	margin-bottom: 20rpx;
}
.layout-wrap{
	width: 690rpx;
	margin: 30rpx auto;
}
.uni-input-placeholder{
	color: #BBBBBB !important;
	font-size: 28rpx;
}
.cu-custom {
	display: block;
	position: relative;
}

.line1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.line2 {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	/* height: 84rpx; */
}
.cu-list+.cu-list{
	margin-top: 22rpx;
}
.clickc{
	&:active{
		opacity: 0.7 !important;
	}
}

img, image{
	width: 100%;
	height: 100%;
}

.cu-custom .cu-bar .content {
	width: calc(100% - 440upx);
}

/* #ifdef MP-ALIPAY */
.cu-custom .cu-bar .action .cuIcon-back {
	opacity: 0;
}

/* #endif */

.cu-custom .cu-bar .content image {
	height: 60upx;
	width: 240upx;
}

.cu-custom .cu-bar {
	min-height: 0px;
	/* #ifdef MP-WEIXIN */
	padding-right: 220upx;
	/* #endif */
	/* #ifdef MP-ALIPAY */
	padding-right: 150upx;
	/* #endif */
	box-shadow: 0upx 0upx 0upx;
	z-index: 4;
}

.cu-custom .cu-bar .border-custom {
	position: relative;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 1000upx;
	height: 30px;
}

.cu-custom .cu-bar .border-custom::after {
	content: " ";
	width: 200%;
	height: 200%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: inherit;
	transform: scale(0.5);
	transform-origin: 0 0;
	pointer-events: none;
	box-sizing: border-box;
	border: 1upx solid #ffffff;
	opacity: 0.5;
}

.cu-custom .cu-bar .border-custom::before {
	content: " ";
	width: 1upx;
	height: 110%;
	position: absolute;
	top: 22.5%;
	left: 0;
	right: 0;
	margin: auto;
	transform: scale(0.5);
	transform-origin: 0 0;
	pointer-events: none;
	box-sizing: border-box;
	opacity: 0.6;
	background-color: #ffffff;
}

.cu-custom .cu-bar .border-custom text {
	display: block;
	flex: 1;
	margin: auto !important;
	text-align: center;
	font-size: 34upx;
}
uni-swiper{
	height: 100vh !important;
}


.nav-item{
	background-color: #fff;
	padding: 30rpx;
	border-radius: 20rpx;
	margin: 0 30rpx;
	margin-top: 24rpx;
	position: relative;
	overflow: hidden;
	.nav-arrow{
		position: absolute;
		right: 20rpx;
		top: 50%;
		width: 36rpx;
		height: 36rpx;
		margin-top: -18rpx;
	}
	.icon{
		width: 42rpx;
		height: 42rpx;
		float: left;
		margin-right: 16rpx;
	}
	.text{
		color: rgb(57, 57, 57);
		font-size: 30rpx;
	}
	.avatar{
		float: left;
		width: 132rpx;
		height: 132rpx;
		border-radius: 50%;
		overflow: hidden;
		margin-right: 16rpx;
	}
	.info{
		float: left;
		width: 400rpx;
		.name{
			font-size: 34rpx;
			font-weight: 600;
			line-height: 42rpx;
			color: rgba(57, 57, 57, 1);
			margin-top: 21rpx;
		}
		.no{
			color: rgb(170, 170, 170);
			font-size: 28rpx;
			line-height: 36rpx;
			margin-top: 16rpx;
		}
	}
}
.nav-item-2{
	.label{
		float: left;
	}
	.value{
		float: right;
		color: #999999;
		line-height: 38rpx;
		.avatar{
			width: 90rpx;
			height: 90rpx;
		}
	}
}
.nav-item-2-avatar{
	.label{
		line-height: 90rpx;
	}
}

.nav-item-3{
	.value{
		padding-right: 30rpx;
	}
}

.nav-item-group{
	border-radius: 20rpx;
	overflow: hidden;
	margin: 22rpx 30rpx;
	.nav-item{
		margin: 0;
		border-radius: 0;
	}
}
.nav-item-btn{
	text-align: center;
	background-color: #fff;
	padding: 30rpx;
	border-radius: 20rpx;
	margin: 0 30rpx;
	margin-top: 24rpx;
	font-weight: 600;
	font-size: 28rpx;
}
.cai-modal{
	.cu-modal.bottom-modal .cu-dialog{
		width: 91.6%;
		margin: 4.2%;
		margin-bottom: 22rpx;
		padding-bottom: 20rpx;
		border-radius: 40rpx;
		font-size: 36rpx;
		font-weight: bold;
		padding-top: 22rpx;
	}
	.cu-modal{
		text-align: left;
		.padding-xl{
			padding: 0 32rpx;
			margin-bottom: 32rpx;
		}
	}
	.cu-dialog{
		background-color: #fff;
	}
	.cu-bar .action:first-child{
		font-size: 32rpx;
	}
	.action{
		width: 300rpx;
		font-size: 32rpx;
		line-height: 106rpx;
		border-radius: 50rpx;
	}
	.action-cancel{
		font-weight: bold;
		background-color: #f3f3f3;
		&:after{
			transform: scale(0);
			border: none;
		}
	}
	.action-define{
		color: #FFF;
	}
	.subtitle{
		font-size: 24rpx;
		color: #999;
		font-weight: 300;
		margin-top: 6rpx;
	}
}
.cu-modal.bottom-modal.focus .cu-dialog{
	margin-bottom: 100px;
	
}

.cu-modal.bottom-modal.login .cu-dialog{
	margin-bottom: 70% !important;
}

.mt-20{
	margin-top: 30rpx;
}